/*.item6 {
    background-image: url(7634.jpg);
    background-position: center;
}*/
p{
    font-size: .24rem;
}
body{
    max-width: 640px;
    margin: auto;
    position: relative;
}
@media screen and (min-width: 320px) {html{font-size:50px !important;}}
@media screen and (min-width: 360px) {html{font-size:56.25px !important;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px !important;}}
@media screen and (min-width: 400px) {html{font-size:62.5px !important;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px !important;}}
@media screen and (min-width: 440px) {html{font-size:68.75px !important;}}
@media screen and (min-width: 480px) {html{font-size:75px !important;}}
@media screen and (min-width: 520px) {html{font-size:81.25px !important;}}
@media screen and (min-width: 560px) {html{font-size:87.5px !important;}}
@media screen and (min-width: 600px) {html{font-size:93.75px !important;}}
@media screen and (min-width: 640px) {html{font-size:100px !important;}}
@media screen and (min-width: 680px) {html{font-size:100px !important;}}
@media screen and (min-width: 720px) {html{font-size:100px !important;}}
@media screen and (min-width: 760px) {html{font-size:100px !important;}}
@media screen and (min-width: 800px) {html{font-size:100px !important;}}
@media screen and (min-width: 960px) {html{font-size:100px !important;}}


.H5FullscreenPage .H5FullscreenPage-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.H5FullscreenPage .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 700ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -webkit-transition: all 700ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /*transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;*/
    background-position: center;
}
.H5FullscreenPage .item:not(:first-child ) {
    transform: translate3d(0,100%,0);
    -webkit-transform: translate3d(0,100%,0);
}

.H5FullscreenPage .no-animation {
    transition: none;
    -webkit-transition: none;
}
.H5FullscreenPage .hide {
    display: none;
}
.H5FullscreenPage .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
}
.H5FullscreenPage .zindex {
    z-index: 99;
}
.H5FullscreenPage .arrow {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 18px;
    left: 50%;
    margin-left: -10px;
    border-top: 2px solid #795548;
    border-left: 2px solid #795548;
    z-index: 9999;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    animation: fadeInUp 1.5s .2s ease infinite;
    -webkit-animation: fadeInUp 1.5s .2s infinite;
}
.H5FullscreenPage .parallax.part {
    transition: all .5s;
    transition-timing-function: ease-out;
}
.H5FullscreenPage .parallax-item {
    transition-property: background-position, transform;
    transition-timing-function: ease-out;
    transition-duration: 500ms;

}
.H5FullscreenPage .music {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 35px;
    height: 35px;
    background-image: url('');

    background-size: 35px;
    z-index: 99;
}
.H5FullscreenPage .music.play {
    background-image: url('');
    -webkit-animation: rotate 3.82s linear infinite;
    animation: rotate 3.82s linear infinite;
}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(-20px) rotate(-135deg)}100%{opacity:1;transform:translateY(0px) rotate(-135deg)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(-20px) rotate(-135deg)}100%{opacity:1;-webkit-transform:translateY(0px) rotate(-135deg)}}
@keyframes rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}


.item1 {
    background-color: #00ABD8;
    background:url(img/16.gif) no-repeat left top;
    background-size: 100% 100%;
}

.item2 {
    background-color: #00ABD8;
    background:url(img/16.gif) no-repeat left top;
    background-size: 100% 100%;
} 
.item3 {
    background-color: #00ABD8;
    background:url(img/16.gif) no-repeat left top;
    background-size: 100% 100%;
}
.item4 {
    background-color: #00ABD8;
    background:url(img/16.gif) no-repeat left top;
    background-size: 100% 100%;
}
.item5 {
    background-color: #00ABD8;
    background:url(img/16.gif) no-repeat left top;
    background-size: 100% 100%;
}
.item6 {
    background-color: #0067A6;
}

.item1 .part1 {
    position: absolute;
    top: 100px;
    left: 19%;
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: rgb(116, 178, 9);
}
.item1 .part2 {
    position: absolute;
    bottom: 100px;
    right: 19%;
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: rgb(116, 178, 9);
}
.item3 .part1 {
    position: absolute;
    top: 100px;
    left: 19%;
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: rgb(116, 178, 9);
}
.item3 .part2 {
    position: absolute;
    bottom: 100px;
    right: 19%;
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: rgb(116, 178, 9);
}
.item2 .part1 {
    position: absolute;
    top: 100px;
    right: 19%;
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: rgb(116, 178, 9);
}
.item2 .part3 {
    position: absolute;
    bottom: 60px;
    left: 19%;
    text-align: center;
    width: 150px;
    height: 150px;
    background-color: rgb(116, 178, 9);
}
.item2 .part2 {
    position: absolute;
    top: 100px;
    left: 19%;
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: rgb(116, 178, 9);
}
.item4 .part1 {
    position: absolute;
    top: 100px;
    left: 19%;
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: rgb(116, 178, 9);
}
.item4 .part2 {
    position: absolute;
    bottom: 100px;
    right: 19%;
    text-align: center;
    width: 150px;
    height: 150px;
    background-color: rgb(116, 178, 9);
}
.item5 .part1 {
    position: absolute;
    bottom: 100px;
    right: 19%;
    text-align: center;
    width: 150px;
    height: 100px;
    background-color: rgb(116, 178, 9);
}
.item5 .part2 {
    position: absolute;
    top: 100px;
    left: 19%;
    text-align: center;
    width: 150px;
    height: 100px;
    background-color: rgb(116, 178, 9);
}

.item6 .part2 {
    position: absolute;
    top: 100px;
    left: 19%;
    text-align: center;
    width: 150px;
    height: 100px;
    background-color: rgb(116, 178, 9);
}
.item6 .part1 {
    position: absolute;
    bottom: 100px;
    left: 19%;
    text-align: center;
    width: 250px;
    height: 250px;
    background-color: rgb(116, 178, 9);
}


.shang_img{
    position: absolute;
    top: -4rem;
    left:-3rem; 
    text-align: center;
    width: 8rem;
    height:8rem;
    /* animation:heart 1s ease infinite; */

}
.shang_img img{
    animation:heart 2s ease infinite;
    width: 100%;
}
.shang_img_b{
    top: initial;
    left:initial;
    right: -3rem;
    bottom: -4.5rem;

} 

@keyframes heart {
        0% {opacity:0.1;}
       50%{opacity:1;} 
        100%{opacity:0.1;}
 }
.top_Xial{
    width: 100%;
    position: absolute;
    top: 0;
    left:0;
    height: 3rem;
    background: url(img/15.png) no-repeat center;
    background-size: 100%;
    z-index: 1;
}

.top_Xial_b{
    top: initial;
    bottom: 0;
    left:0;
    height: 3rem;
    background: url(img/7.png) no-repeat center;
    background-size: 100%;
}


.jinse_hua{
    width:3rem; 
    position: absolute;
    top: .3rem;
    right: -1rem; 
    height: 3rem;
    background: url(img/5.png) no-repeat center;
    background-size: 100%; 
    animation: rotate 10s linear infinite;  /*开始动画后无限循环，用来控制rotate*/
    animation-direction:normal;
}
.jinse_hua_x{
    background: url(img/5.png) no-repeat center;
    background-size: 100%; 
    top: initial;
    left: -.5rem;
    right: initial;
    bottom: .2rem;
    animation: rotate 10s linear infinite;  /*开始动画后无限循环，用来控制rotate*/
    animation-direction:normal;
}
@keyframes jinse_hua{
    0%{
        transform: rotate(0);
        }
    50%{
        transform:rotate(200deg);
    }
    100%{
        transform: rotate(0);
    }
} 

    .yezi_zuo{
       
        width:1.5rem; 
        position: absolute;
        top: 1.5rem;
        left: -.3rem;
        height: 1.5rem;
        background: url(img/26_1.png) no-repeat center;
        background-size: 80%;  
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .yezi_zuo_zq{
        width: 2.5rem;
        position: absolute;
        top: 4.5rem;
        left: -1rem;
        height: 2.5rem;
        background: url(img/yef.png) no-repeat center;
        background-size: 47%;
    }

    .yezi_zuo_xx{
        width: 1rem;
        position: absolute;
        bottom: 0;
        left: 2rem;
        height: 1rem;
        background: url(img/27.png) no-repeat center;
        background-size: 100%;
    }

    .yezi_zuo_yrx{
        width: 2rem;
        position: absolute;
        bottom: 0;
        right: -1rem;
        height: 5rem;
        background: url(img/ye.png) no-repeat center;
        background-size: 100%; 

    }

    .kuang_nieg{
        width:4rem;
        position: absolute;
        bottom: 0;
        right: 0;
        top: -2.5rem;
        left: 0;
        margin: auto;
        height: 4rem;
        /* background:#fff; */
        background-size: 100%; 
    }

    .kuang_nieg img{
        width: 100%;
        animation: rotate 10s linear infinite;  /*开始动画后无限循环，用来控制rotate*/
        animation-direction:normal;
    }

    .kuang_nieg img.nie{ 
        animation: rotate 4s linear infinite;  /*开始动画后无限循环，用来控制rotate*/
        animation-direction:normal;
        opacity: .5;
    }

.yezi_zhongk{
    width:2.8rem;
    position: absolute;
    bottom: 0;
    right: -2rem;
    top:-3rem;
    left: 0;
    margin: auto;
    height: 4rem;
    background:url(img/10.png) no-repeat;
    background-size: 100%; 
}




.yezi_zhongk_x{
    width:2.8rem;
    position: absolute;
    bottom: 0;
    right: 0;
    top: -2.5rem;
    left: -2.5rem;
    margin: auto;
    height: 4.2rem;
    background:url(img/8.png) no-repeat;
    background-size: 100%; 
}
.piao_gif{
    width: 4rem;
    position: absolute;
    bottom: 0;
    right: 0;
    top: -2.5rem;
    left: 0;
    margin: auto;
    overflow: hidden;
    height: 4.5rem;

}
.piao_gif img{
    width: 100%; 
    
}


.zhongjiek_Ge{
    width:3.8rem;
    position: absolute;
    bottom: 0;
    right: 0;
    top: -1.5rem; 
    left: 0;
    margin: auto;
    height: 3.5rem;
    /* background:#fff; */
    background-size: 100%; 
    animation:rdhre 2s ease; 
} 
@keyframes rdhre {
        0% {opacity:0.1;}
        100%{opacity:1;}
 }
.zhongjiek_Ge img{
    width: 100%;
}

.zhongjiek_Ge img.nio{
    animation:nemgen 3s ease infinite; 
}

@keyframes nemgen {
    0% {opacity:0.3;}
    50% {opacity:1;}
    100%{opacity:0.3;}
}

.xinniang_xinlang{
    width: 80%;
    position: absolute;
    bottom: -4.5rem;
    right: 0;
    top: 0;
    left: 0;
    margin: auto;
    height: 2rem;
    /* background: #fff; */
    background-size: 100%;
    animation: rdhre 2s ease;
}
.xinniang_xinlang p{
    font-size: .38rem;
    color: #a78b6e;
}
.xinniang_xinlang p b{
    padding:  0 .1rem;
}
.xinniang_xinlang  span{
    display: block;
    width: 80%;
    text-align: center;
    font-size: .2rem;
    margin: auto;
    padding-top: .1rem;
    color:#a78b6e;
    opacity: .5;
}

.xinniang_xinlang dd{
    text-align: center;
    line-height: .55rem;
    color: #a78b6e;
    font-size: .24rem;
}

.xiugai_nige{
    position: absolute;
    width: .65rem;
    height: .65rem;
    background:url(img/xiug.png) no-repeat;
    background-size: 100%; 
    left:.2rem;
    top: 6.9rem;
    z-index: 99;
}

/* 1 */
.tanchu_xx_web1 {position: fixed;width: 100%;height: 100%;z-index: 999;top: 0px;left: 0px;display: none;}
.tanchu_xx_web1 .tcc_beij_x_web {position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.5);}
.tanchu_xx_web1 .kuang_li {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 999;width: 80%;max-width: 640px;min-height: 40%;
    min-height: 1rem;height: fit-content;padding: 0;border-radius: 8px;background: #fff;overflow: hidden;
}
.tanchu_xx_web1 .kuang_li .off{width: .5rem; z-index: 999;height: .5rem;  background: url(img/off.png) no-repeat center; background-size: .35rem; position: absolute; top: .1rem; right: .1rem; }
.tanchu_xx_web1 .img_bj{width: 100%;}
.tanchu_xx_web1 .bt{ position: absolute; top: 0;left: 0;right: 0; width: 90%; margin: auto; color: #fff;}
.tanchu_xx_web1 .bt h2{ font-size: .32rem; padding-top: .3rem; line-height: .45rem;}
.tanchu_xx_web1 .bdkuan{width: 90%; margin: auto;   padding-bottom: .4rem;}
.tanchu_xx_web1 .bdkuan .nim{color: #ff5527; display: block; padding-left: .35rem; font-size: .2rem;line-height: .35rem; position: relative;}
.tanchu_xx_web1 .bdkuan .nim::after{display: block; background: url(img/baohu_cj.png) no-repeat center; background-size: .25rem; width: .3rem; height: .35rem; position: absolute;
left: 0; top: 0; content: "";}
.tanchu_xx_web1 .bdkuan input{width: 96%;
    border: solid 1px #b4b4b4; 
    outline: none; height: .5rem; 
    line-height: .5rem; padding: 0 2%;
    border-radius: 3px; margin: .1rem 0; 
    line-height: .5rem;
    -webkit-appearance:none;
}
.tanchu_xx_web1 .bdkuan button{
    
    outline: none; width: 100%; height: .65rem; line-height: .65rem; border: none; background: #a78b6e; box-shadow: 0 2px 10px #bddbfb; color: #fff; font-weight: 500;border-radius: 100px; margin-top: .3rem;

}
.tanchu_xx_web1 .bdkuan{
    line-height: 0;
}

.tanchu_xx_web1 .bt h2 { 
    padding-top: .3rem;

}

 
.tanchu_xx_web1 .bdkuan button { 
    box-shadow: 0 2px 10px #eaeaea;

}
 
.tanchu_xx_web1 .bdkuan input { 
    border: solid 1px #e4d8b9;

}

.jinse_hua_no{
    animation: none;
}

.yezi_zhongk_dier{
    top: inherit;
    left: 0;
    margin: auto;
    right: inherit;
    bottom: -6rem;
    background: url(img/8_1.png) no-repeat;
    background-size: 100%;
    width: 4.8rem;
    height: 4.6rem;

}

.zhongjiek_Ge_er{
    top: -5.5rem;
}

.niben_banc{
    position: fixed;
    right: 0;
    bottom: 0;
    width: 1.3rem;
    z-index: 999;
}

.niben_banc a{
    font-size: .24rem;
    display: block;
    text-decoration: none;
    height: .55rem;
    background: rgba(167, 139, 110, .8);
    margin-bottom:.2rem;
    line-height: .55rem;
    color: #fff;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    padding: 0 .1rem;
    
}

.rentx{
    border-radius: 50%;
    width: 3.5rem;
    height:  3.5rem; 
    overflow: hidden;
}

.rentx img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rentx_kuang{
    top: -2.5rem;
}

.nimen_img{
    width: 5rem;
    position: absolute;
    bottom: 0;
    right: 0;
    top: -1rem;
    left: 0;
    border: solid 1px #a78b6e;
    margin: auto;
    height: 3.2rem;
    background: #f00;
    background-size: 100%; 
    border-radius: 3px;
}

.nimen_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.nimen_img_text{
    background: none;
    border: none;
    height: 5.5rem;
    top: 1rem;
    z-index: 99;
}
.nimen_img_text .hou_tupian{
    line-height: .4rem;
    color: #a78b6e;
}
.nimen_img_text .hou_tupian .an{
    overflow: hidden; 
    padding-top: .2rem;
    height: .5rem;
}
.nimen_img_text .hou_tupian .an a{
    text-decoration: none;
    background: #a78b6e;
    color: #fff;
    padding: .1rem .2rem;
    margin: 0 .1rem;
    border-radius: 3px;
}
